@layout("/common/_container.html",{js:["/assets/storage/storageStock/stockMonitorGoodsChuzhi.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">库存监控</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
               		<div class="layui-tab layui-tab-brief" lay-filter="doTabBrief">
               			<ul class="layui-tab-title">
               				<li class="layui-this">存货处置</li>
               				<li>处置记录</li>
               			</ul>
               			<div class="layui-tab-content">
               				<div class="layui-tab-item layui-show">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
					                    <div class="layui-inline">
					                        <select id="stockstate">
					                            <option value="">选择状态</option>
					                            <option value="在库">在库</option>
					                            <option value="冻结">冻结</option>
					                        </select>
					                    </div>
					                    <div class="layui-inline">
					                        <select id="operateId">
					                            <option value="">选择项目部</option>
									            @for(item in basicOperatelist!){
									            <option value="${item.id}">${item.operateName}</option>
									            @}
					                        </select>
					                    </div>
					                    <div class="layui-inline">
					                        <select id="customerId">
					                            <option value="">选择客户</option>
									            @for(item in basicCustomerList!){
									            <option value="${item.id}">${item.customerName}</option>
									            @}
					                        </select>
					                    </div>
					                    <div class="layui-inline">
					                        <select id="warehouseId" lay-filter="warehouseId">
					                            <option value="">选择仓库</option>
									            @for(item in basicWarehouseList!){
									            <option value="${item.id}">${item.warehouseName}</option>
									            @}
					                        </select>
					                    </div>
					                    <div class="layui-inline">
					                        <select id="areaId" lay-filter="areaId">
					                            <option value="">选择库区</option>
					                        </select>
					                    </div>
					                    <div class="layui-inline" style="width: 180px;">
					                        <input id="positionNumber" class="layui-input" type="text" placeholder="库位编号" autocomplete="off" style="padding-right: 40px;"/>
					                        <button type="button" class="layui-btn layui-btn-primary" id="choicep" style="position: absolute;right: 1px;cursor: pointer;top: 2px"><i class="layui-icon">&#xe615;</i></button>
					                    </div>
										<div class="layui-inline" style="width: 170px;">
											<input id="trayNumber" class="layui-input" type="text" placeholder="托盘编号"/>
										</div>
					                    <div class="layui-inline" style="width: 180px;">
					                        <input id="goodsNumber" class="layui-input" type="text" placeholder="商品编号"/>
					                    </div>
					                    <div class="layui-inline" style="width: 180px;">
					                        <input id="goodsName" class="layui-input" type="text" placeholder="商品名称" autocomplete="off" style="padding-right: 40px;"/>
					                    </div>
					                    <div class="layui-inline" style="width: 180px;">
					                        <input id="goodsNo" class="layui-input" type="text" placeholder="货号" autocomplete="off" style="padding-right: 40px;"/>
					                        <button type="button" class="layui-btn layui-btn-primary" id="choiceg" style="position: absolute;right: 1px;cursor: pointer;top: 2px"><i class="layui-icon">&#xe615;</i></button>
					                    </div>
					                    <div class="layui-inline">
					                        <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
					                    </div>
					                    <div class="layui-inline">
					                    	<button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>
					                    </div>
				                    </div>
				                </div>
			               		<table class="layui-table" id="storageStockTable" lay-filter="storageStockTable"></table>
							</div>
               				<div class="layui-tab-item">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
							            <div class="layui-inline">
							                <input id="condition2" class="layui-input" type="text" placeholder="商品"/>
							            </div>
					                    <div class="layui-inline">
					                        <button id="btnSearch2" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
					                    	<button id="btnExp2" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>
					                    </div>
				                    </div>
				                </div>
			               		<table class="layui-table" id="storageStockManagementTable" lay-filter="storageStockManagementTable"></table>
							</div>
               			</div>
               		</div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="tableBar">
  {{#  if(d.stockstate === '在库'){ }}
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="toedit">修改</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="todongjie">冻结</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="tobaofei">报废</a>
  {{#  }else if(d.stockstate === '冻结'){ }}
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="tojiedong">解冻</a>
  {{#  } }}
</script>
<script type="text/html" id="stockstateTpl">
  {{#  if(d.stockstate === '在库'){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.stockstate }}</span>
  {{#  } else if(d.stockstate === '冻结'){ }}
    <span style="color: #e84d74;font-weight: 600;">{{ d.stockstate }}</span>
  {{#  } else { }}
    {{ d.stockstate }}
  {{#  } }}
</script>
@}